<div class="page field-section" data-page="transportNoticeDetail" id="transportNoticeDetail">
	<div class="page-header" style="background-color: #F8F8FA;">
		<label>当前位置：</label>
		<a href="javascript:void(0)" class="transportNoticeList" id="">运输任务</a>&nbsp;&gt;&nbsp; 详情
	</div>
	<a id="cancelTrans" class="none">完&nbsp;&nbsp;&nbsp;成</a><a id="confirmTrans" class="none">确&nbsp;&nbsp;&nbsp;认</a><a id="cancelTrans1" class="none">取&nbsp;&nbsp;&nbsp;消</a><a id="save" class="none">到港设定</a>

	<div class="page-content">
		<div class="panal_head">
			<ul class="tab-hd">
				<li class="panel1">融资信息</li>
				<li class="panel2">货箱信息</li>
				<li class="panel3">地址信息</li>
			</ul>
		</div>

		<ul class="tab-bd">
			<li>
				<div class="panel1_left fl"></div>
				<div class=" panel1_right fr" style=""></div>
				<div class="order_title" id="bookingSpaceBody">
					<div class="span1">
						<span class="span1">融资信息编号 ：<span class="data" name="financeNumber"></span></span>
					</div>
					<div class="span2">
						<span class="">通知时间 ：<span class="data" name="createDateTime"></span></span>
					</div>
					<script type="text/template" id="bookingSpaceTpl">
						{@each datas as it}
						<div class="pledging_goods" style="margin-top: 15px;">
							<p style="font-size: 15px; font-weight: bold; margin-bottom: 26px;">订舱箱信息</p>
							<p><span class="span1" style="font-size: 14px;">订舱单号：${it.bookingSpaceNumber}</span></p>
							<table border="0" cellspacing="0" cellpadding="0">
								<thead>
									<tr style="background-color: #f4f5fa;">
										<th width="20%">箱型</th>
										<th width="20%">尺寸</th>
										<th width="20%">空重</th>
										<th width="20%">箱量</th>
										<th width="20%">SOC</th>
									</tr>
								</thead>
								<tbody>
									{@each it.containerBills as item}
									<tr style="background: none;">
										<td>${item.model}</td>
										<td>${item.dimension}</td>
										<td>${item.emptyWeight}</td>
										<td>${item.quantity}</td>
										<td>${getValueByKey(52, item.soc)}</td>
									</tr>
									{@/each}
								</tbody>
							</table>
						</div>
						{@/each}
					</script>
				</div>
			</li>
			<li>
				<div class="panel2_left fl"></div>
				<div class="panel2_middle fl"></div>
				<div class=" panel2_right fr" style=""></div>
				<div id="noticeDetailBody"></div>
				<script type="text/template" id="noticeDetailTpl">
					{@each datas as it}
					<div class="containerTotal">
						<input type="checkbox" class="inventoryCheckAll"/> 全选 
						<span class="span1">箱量总计：${it.containerInventorys.length}</span>
						{@if it.noticeState===3}
						<span class="span1">操作人：${it.confirmAccount}</span>
						<span class="span1">操作时间：${it.confirmDateTime}</span>
						{@else}
						{@/if}
					</div>
					<div class="case_info containerInfo"></div>
					<input type="hidden" id="noticeState" value="${it.noticeState}" /> 
					{@each it.containerInventorys as item,itemIndex}
					<div class="sequenceNumber">顺序号：${++itemIndex}</div>
					<div style="border: solid #CCC 1px; margin-top: 23px;">
						<input inventoryId="${item.inventoryId}" type="checkbox" class="inventoryCheck" name="inventoryCheck" />
						<div class="order_title1">
							<span class="span2">箱号：${item.caseNumber}</span>
							<span class="span1">箱型尺寸 ：${item.caseSize}</span>
							<span class="span1">铅封号  ：${item.facingSlip}</span>
						</div>
						<div class="order_title1">
							<span class="span1">运单号：${item.waybillNumber}</span>
							<span class="span2">通知时间 ：${item.createDateTime}</span>
							<span class="span2">铅封号2 ：${item.facingSlipNext}</span>
						</div>
						<div class="order_title1">
							<span class="span1">到港状态：${getValueByKey(65, item.harborState)}</span>
							<span class="span2"></span>
							<span class="span2"></span>
						</div>
						<hr width=92% style="border:1px dashed #CED4E0; " />
						<div style="margin-left: 41px; margin-right: 40px;">
							<table>
								<tr>
									<th width="20%">货物名称</th>
									<th width="20%">规格型号</th>
									<th width="20%">重量(吨)</th>
									<th width="20%">体积(m<sup>3</sup>)</th>
									<th width="20%">数量</th>
								</tr>
								{@each item.containerBulkstocks as that}
								<tr>
									<td>${that.bulkstockName}</td>
									<td>${that.specification}</td>
									<td>${that.weight}</td>
									<td>${that.volume}</td>
									<td>${that.quantity}${that.unit}</td>
								</tr>
								{@/each}
							</table>
						</div>
					</div>
					{@/each} {@/each}
				</script>
			</li>
			<li>
				<div class="panel3_left fl"></div>
				<div class="panel3_middle fl"></div>
				<div class=" panel3_right fr" style=""></div>

				<div class="order_title">
					<div class="span1">
						<span class="">发货地 ：<span class="data" name="deliverAddress"></span></span>
					</div>
					<div class="span2">
						<span class="">收货地 ：<span class="data" name="receiveAddress"></span></span>
					</div>

				</div>
			</li>
		</ul>

	</div>
	<script type="text/javascript">
		$(function() {
			function tabs(tabTit, on, tabCon) {
				$(tabCon).each(function() {
					$(this).children().eq(0).show();
				});
				$(tabTit).each(function() {
					$(this).children().eq(0).addClass(on);
				});
				$(tabTit).children().hover(function() {
					$(this).addClass(on).siblings().removeClass(on);
					var index = $(tabTit).children().index(this);
					$(tabCon).children().eq(index).show().siblings().hide();
				});
			}
			tabs(".tab-hd", "active", ".tab-bd");
		});
	</script>
</div>